/**
 * 时间格式day.js
 */
import Vue from 'vue' // 引入vue全局过滤器

// 导入dayjs
import dayjs from 'dayjs'

// 加载中文语言包
import 'dayjs/locale/zh-cn'

// 导入处理相对时间的文件
import relativeTime from 'dayjs/plugin/relativeTime'

// 配置使用处理相对时间 relativeTime 插件
dayjs.extend(relativeTime)

// dayjs 默认语言是英文，我们配置为中文
dayjs.locale('zh-cn') // 全局使用

dayjs().format('YYYY-MM-DD hh-mm-ss') // 时间格式
// console.log(dayjs().format('YYYY-MM-DD hh-mm-ss'))

/*
dayjs().from(dayjs('1990')) // 2年以前
dayjs().from(dayjs(), true) // 2年
dayjs().fromNow()
dayjs().to(dayjs())
dayjs().toNow()
*/

// 定义一个全局过滤器，然后就可以在任何组件的模板中使用了
// 其实过滤器就相当于一个全局可用的方法（仅供模板使用）
// 参数1: 过滤器名称
// 参数2: 过滤器函数
// 使用方式: {{ 表达式 | 过滤器名称 }}
// 管道符前面的表达式的结果会作为参数传递到过滤器函数中
// 过滤器的返回值会渲染到使用过滤器的模板位置
Vue.filter('relativeTime', value => {
  return dayjs().to(dayjs(value))
})
